<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQfadeOut</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("button").click(function () {
				$("#div1").fadeOut();
				$("#div2").fadeOut("slow");
				$("#div3").fadeOut(3000)

			})

		})

	</script>
</head>
<body>
<p>演示带有不同参数的的fadeOut方法</p>
<button>点击这里使三个图形淡出</button>
<br><br>
<div id="div1" style="width: 200px;height:200px;background-color: yellow"></div>
<br>
<div id="div2" style="width: 200px;height:200px;background-color: red"></div>
<br>
<div id="div3" style="width: 200px;height:200px;background-color: purple"></div>




</body>
</html>